﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title </title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <style type="text/css">
        .auto-style1 {
            width: 86px;
        }
    </style>
</head>
<body>
    <header>
        <div>
            <img src="\Images\logo-update.png" style="margin-left:150px;" />
        </div>
        <div class="container">
            <nav class="navbar navbar-inverse">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="http://thuysan.net/">TRANG CHỦ</a>
                    </li>

                    <li class="active1">
                        <a href="http://thuysan.net/category/nghe-ca/">NGHỀ CÁ</a>
                    </li>

                    <li class="active2">
                        <a href="http://thuysan.net/category/thuong-mai/">THƯƠNG MẠI</a>
                    </li>

                    <li class="active3">
                        <a href="http://thuysan.net/category/khoa-hoc/">KHOA HỌC</a>
                    </li>

                    <li class="active4">
                        <a href="http://thuysan.net/doanh-nghiep/">DOANH NGHIỆP</a>
                    </li>

                    <li class="dropdown">
                        <a href="Page-LoaiCa.aspx" class="dropdown-toggle" rel="dropdown-menu"> LOÀI CÁ</a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>

<body>
        <div id="body">
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
            
 <table class="auto-style1">
        <tr>
            <td class="auto-slyleN1">
                <div style="width:1047px; height: 819px; margin-left:100px; margin-right:100px">
                    <table class="auto-style4">
                        <tr>
                            <td>&nbsp;
                    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="ddaccordion.js">

</script>


<script type="text/javascript">


    ddaccordion.init({
        headerclass: "submenuheader", //Shared CSS class name of headers group
        contentclass: "submenu", //Shared CSS class name of contents group
        revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
        mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
        collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
        defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
        onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
        animatedefault: false, //Should contents open by default be animated into view?
        persiststate: true, //persist state of opened contents within browser session?
        toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
        togglehtml: ["suffix", "<img src='plus.gif' class='statusicon' />", "<img src='minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
        animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
        oninit: function (headers, expandedindices) { //custom code to run when headers have initalized
            //do nothing
        },
        onopenclose: function (header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
            //do nothing
        }
    })


</script>


<style type="text/css">

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}

</style>

</head>

<body>

<div class="glossymenu">
<a class="menuitem" href="http://www.thuysan.net/">Trang chủ</a>
<a class="menuitem submenuheader" href="" >Quản lí poster</a>
<div class="submenu">
	<ul>
	<li><a href="">Thêm poster</a></li>
	<li><a href="">xóa poster</a></li>
	</ul>
</div>
<a class="menuitem submenuheader" href="">Cập nhật bài viết</a>
<div class="submenu">
	<ul>
	<li><a href="">Thêm</a></li>
	<li><a href="">Sửa</a></li>
	<li><a href="">Xóa</a></li>
	</ul>
    </td>
        <td  class="autostyle2">
            <div style="margin-left:200px">
                <table>
                    <tr>
                        <td>
                           phần nội dung
                        </td>
                    </tr>
                </table>
            </div>
        </td>
                        </tr>
                    </table>
</body>
                 
                    </div>
              </div>

                </td>
                
            </tr>
            
        </table>
        </div>

    </body>
   
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <table align="center" >
                    <tr>
                        <td>&copy; @DateTime.Now.Year - Nhom Pj 2</td>
                    </tr>
                </table>               
            </div>
        </div>
    </footer>
</body>
</html>

